<template>
  <div>
    <h1>学生信息列表</h1>
  <p id="p1">这是一个学生信息列表页面,这是一个学生信息列表页面,这是一个学生信息列表页面,这是一个学生信息列表页面,这是一个学生信息列表页面,这是一个学生信息列表页面,这是一个学生信息列表页面,这是一个学生信息列表页面.</p>
  <p id="p2">这是一个学生信息列表页面,这是一个学生信息列表页面,这是一个学生信息列表页面,这是一个学生信息列表页面,这是一个学生信息列表页面,这是一个学生信息列表页面,这是一个学生信息列表页面,这是一个学生信息列表页面.</p>
  <p id="p3">这是一个学生信息列表页面,这是一个学生信息列表页面,这是一个学生信息列表页面,这是一个学生信息列表页面,这是一个学生信息列表页面,这是一个学生信息列表页面,这是一个学生信息列表页面,这是一个学生信息列表页面.</p>
</div>
  
</template>

<script>

</script>

<style scoped>
h1{
  color: red;
  text-align: center;
}
p{
  width: 80%;
  margin:0px auto;
}
#p1{
  color: blue;

}
#p2{
  color: green;

}
#p3{
  color: orange;


}

</style>